h3 {
	margin: 3%;
	font-size: 1em;
}

.columns { /*selects the featurettes*/
	width: 46%; /*sets the width of each featurette to 1/3*/
	float: left; /*floats each column left next to one another*/
	margin: 2%;
	background: FFFFFF;
}

.columns p {
	text-align: justify;
}

.columns h2 {
	text-align: center;
	font-size: 1.25em;
	margin: 3% 0;
}

.columns h1 {
	margin-top: 70%;
}

.main {
	width: 70%;
	margin: auto;
	text-align: justify;
}

.slides {
	/*background: #cbf1f7;*/
	max-width: 80%;
	margin: auto;
}

.column {
	width: 46%;
	background: #cbf1f7;
	margin: 2% 27%;
}

.accordion2 {
	/*font-family: "Brush Script MT", cursive; makes them cursive in a special font
	/*font-size: 2em; makes the heading 3x normal text*/
	margin: auto 40%;
}

.column p {
	text-align: justify;
}

.column h2 {
	text-align: center;
}

.column h1 {
	text-align: center;
}

ol li {
	list-style-type: decimal;
	margin: 1% 15%;
	text-align: left;
}

.accordion3 {
	background-color: #eee;
	color: #444;
	padding: 18px;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-radius: 24px;
	margin: auto;
	margin-left: 42%;
}

@media screen and (max-width: 500px) {
	.big_screen_content {
		display:none;
	}
	.tablet_content {
		display: none;
	}
	
	.main {
	width: 90%;
	margin: auto;
	text-align: justify;
	font-size: .75em;
}

.accordion3 {
	margin: auto 29%;
}

.accordion2 {
	/*font-family: "Brush Script MT", cursive; makes them cursive in a special font
	/*font-size: 2em; makes the heading 3x normal text*/
	margin: auto 20%;
}


}
	
@media screen and (min-width: 901px) {
	.small_screen_content {
		display: none;
	}
	.tablet_content {
		display: none;
	}
}

@media screen and (max-width: 900px) and (min-width: 501px) {
	.tablet_content {
		display: block;
	}
	
	.big_screen_content {
		display: none;
	}
.small_screen_content {
		display: none;
}
.medium_screen_content {
	display: none;
}
.wordpress_big_screen_content {
	display: none;
}
}